<%--
  Created by IntelliJ IDEA.
  User: arvin
  Date: 2019/7/12
  Time: 3:20 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<%@include file="base.jsp" %>
<!DOCTYPE html>
<html>
<head>

    <title>登录-ArvinClub</title>
    <meta name="description" content="arvin,arvinclub,ArvinClub">
    <meta name="keywords" content="arvin,arvinclub,ArvinClub">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Bootstrap core CSS -->
    <link rel="icon" type="images/x-icon" href="${ctx}file/images/favicon.ico">
    <link href="${ctx}vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="${ctx}assets/css/fontawesome.css" type="text/css"/>
    <link rel="stylesheet" href="${ctx}assets/css/templatemo-style.css" type="text/css"/>
    <link rel="stylesheet" href="${ctx}assets/css/owl.css" type="text/css"/>
    <link rel="stylesheet" href="${ctx}assets/css/lightbox.css" type="text/css"/>
    <style>
        .myclass:hover {
            color: #4f9bff;
        }

        .myclass {
            display: inline-block;
            color: #a43f49;
        }

        .mya {
            color: #666;
        }

        .mya:hover {
            color: #666;
        }
        #contact input.error{
            background-color: rgba(255,0,0,0.1);
            border: 1px solid #a43f49;
        }
        input.error::-webkit-input-placeholder { /* WebKit browsers */
            color: #a43f49;
        }

        input.error::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #a43f49;
        }

        input.error:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #a43f49;
        }
        <c:if test="${requestScope.msg eq 'err'}">
        #contact input{
            background-color: rgba(255,0,0,0.1);
            border: 1px solid #a43f49;
        }
        input::-webkit-input-placeholder { /* WebKit browsers */
            color: #a43f49;
        }

        input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #a43f49;
        }

        input:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #a43f49;
        }
        </c:if>
    </style>
    <script>
        console.log("感谢您帮我测试,如果发现BUG还请留言。")
    </script>
</head>

<body>
<div id="page-wraper" style="position:fixed;
padding: 12vh 0;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  min-width: 1000px;
  z-index:-10;
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  overflow: scroll"
>
    <!-- Sidebar Menu -->

    <section class="section contact-me" data-section="section4"
             style="margin: 0 auto;left: unset;right: unset;border-bottom: none;position: static;left: 0;width: 100%;">
        <div class="container">
            <div class="section-heading" style="padding: 60px 45px">
                <h1>注册账号</h1>
                <div class="line-dec"></div>
                <a href="${ctx}" onclick="javascript:window.location.href='${ctx}"><span
                        style="font-size: 14px;"
                        class="myclass">返回登录界面</span
                ></a>
            </div>
            <div class="row">
                <div class="right-content" style="margin: 0 auto;width: 100%">
                    <div class="container" style="margin: 0 auto;padding-left: 0;padding-right: 0">
                        <sf:form id="contact"  method="post"
                                 style="margin: 0 auto;text-align: center" commandName="user">
                            <div class="row" style="margin: 0 auto">
                                <div class="col-md-12" style="width: 60vw;margin: 0 auto">
                                    <fieldset>
                                        <sf:input path="name"
                                                  style="text-align: center;width: 400px;padding-left: unset;font-size: 18px"
                                                  placeholder="请输入用户名" cssErrorClass="error"/><br>
                                        <sf:input path="password"
                                                  style="text-align: center;width: 400px;padding-left: unset;font-size: 18px"
                                                  placeholder="请输入密码" cssErrorClass="error"/><br>
                                    </fieldset>
                                </div>
                                <div class="col-md-12">
                                    <fieldset>
                                        <button type="submit" id="form-submit" class="button"
                                                style="font-size: 16px">
                                            注册
                                        </button>

                                    </fieldset>
                                </div>
                            </div>
                        </sf:form>
                    </div>
                </div>
            </div>
        </div>
    </section>


</div>
<div style="position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;text-align: center"><p style="color: #666;font-size: 12px;text-align: center">Copyright &copy; 2019
    Arvin | <a href="mailto:arvin5445@qq.com" target="_top" class="mya">arvin5445@qq.com</a> | <a href="http://beian.miit.gov.cn/" class="mya" target="_blank">浙ICP备19031638号-1</a></p>
</div>
<!-- Scripts -->
<!-- Bootstrap core JavaScript -->
<script src="${ctx}vendor/jquery/jquery.min.js" type="text/javascript"></script>
<script src="${ctx}vendor/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="${ctx}assets/js/isotope.min.js" type="text/javascript"></script>
<script src="${ctx}assets/js/owl-carousel.js" type="text/javascript"></script>
<script src="${ctx}assets/js/lightbox.js" type="text/javascript"></script>
</body>
</html>


